<template>
  <div>
    <el-menu active-text-color="#ffd04b" background-color="#545c64" class="asside" default-active="2" text-color="#fff"
      @open="handleOpen" @close="handleClose">
      <p class="asside-title">DID陪诊</p>
      <AsideMenu :index="1" :menuData="menuData"></AsideMenu>
    </el-menu>
  </div>
</template>

<script setup lang="ts">
import AsideMenu from '../components/asideMenu.vue'
import { useRouter } from 'vue-router'
import { ref, reactive } from 'vue'




const router = useRouter()
console.log(router)
const menuData = reactive(router.options.routes[0].children)

const handleOpen = () => { };
const handleClose = () => { };
</script>

<style lang="less" scoped>
.asside {
  height: 100vh;
}

.asside-title {
  font-size: 20px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  color: #fff;
}
</style>